<template>
  <div>
    <el-input
        v-model = "textarea2"
        :autosize = "{ minRows: 2, maxRows: 4 }"
        type = "textarea"
        placeholder = "Please input"
    />
    <div class = "row-container" style = "padding: 10px 0; justify-content: right">
      <el-button>评论</el-button>
    </div>
    <!--精彩评论-->
    <div style = "padding: 10px 0">
      <h4>精彩评论</h4>
      <ul>
        <base-comment v-for = "item in 8" :key = "item" />
      </ul>
    </div>
    <!--最新评论-->
    <div>
      <h4>最新评论</h4>
      <ul>
        <base-comment v-for = "item in 8" :key = "item" />
      </ul>
    </div>
  </div>
</template>

<script setup>
import {ref} from "vue";
import BaseComment from "@/components/Base/BaseComment";

let textarea2 = ref('')
</script>

<style lang = "less" scoped>

</style>